// // 屏幕适配 mixin 函数

// // * 默认缩放值
// const scale = {
//   width: '1',
//   height: '1',
// }

// // * 设计稿尺寸（px）
// const baseWidth = 1920
// const baseHeight = 1080

// // * 需保持的比例（默认1.77778）
// const baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5))

// export default {
//   data() {
//     return {
//       // * 定时函数
//       drawTiming: null
//     }
//   },
//   mounted() {
//     this.setRemUnit()
//     this.calcRate()
//     window.addEventListener('resize', this.resize)
//   },
//   beforeDestroy() {
//     window.removeEventListener('resize', this.resize)
//   },
//   methods: {
//     // 根据屏幕宽度，重置1rem的长度为当前屏幕宽度的1/192
//     setRemUnit() {
//       var docEl = document.documentElement;
//       var rem = docEl.clientWidth / 96;
//       // 1rem的值永远为根元素的字体大小，所以此处通过调整全局字体大小来重置rem
//       docEl.style.fontSize = rem + "px";
//     },
//     calcRate() {
//       const appRef = this.$refs["appRef"]
//       if (!appRef) return
//       // 当前宽高比
//       const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5))
//       if (appRef) {
//         // if (currentRate > baseProportion) {
//         //   // 表示更宽
//         //   scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5)
//         //   scale.height = (window.innerHeight / baseHeight).toFixed(5)
//         //   appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
//         // } else {
//         //   // 表示更高
//         //   scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5)
//         //   scale.width = (window.innerWidth / baseWidth).toFixed(5)
//         //   appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
//         // }
//         appRef.style.width = `100%`
//         appRef.style.height = `100%`
//       }
//     },
//     resize() {
//       clearTimeout(this.drawTiming)
//       this.drawTiming = setTimeout(() => {
//         this.calcRate()
//         this.setRemUnit()
//       }, 200)
//     }
//   },
// }